<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>div,p,span标记学习</title>
</head>

<body>

  <!-- 
    p标记就是段落，效果就是段落的前后会有间距
  -->
  <p>
    超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
    您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
    在本教程中，您将学习如何使用 HTML 来创建站点。
    HTML 很容易学习！相信您能很快学会它！
  </p>

  <p>
    CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。
    通过使用 CSS 我们可以大大提升网页开发的工作效率！
    在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。
    CSS3 现在已被大部分现代浏览器支持，而下一版的 CSS4 仍在开发中。
  </p>


  <!-- 
    div是最常用的块元素，唯一的效果就是块一定是单起一行
  -->
  <div>
    1工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。网上有很多vscode的配置以及使用博客，但都没有本篇那么详细且全面。
  </div>

  <div>
    2工欲善其事，必先利其器。想要优雅且高效的编写代码，必须熟练使用一款前端开发工具。但前端开发工具数不胜数，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统，独受前端工师的青睐。网上有很多vscode的配置以及使用博客，但都没有本篇那么详细且全面。
  </div>

  <div>3</div>


  <div>

    <!-- span标记的效果就是没有任何效果，它是最常用的行内元素 -->
    <span>123</span><span>黑暗骑士</span>

    <i>斜体</i>
    <b>粗体</b>
    <u>下划线</u>
    <del>删除线</del>

    x <sub>2</sub>
    李白 <sup>参考</sup>

    <small>小字体</small>
    <strong>强调</strong>

    <i>
      <b>
        <u>
          <small>嵌套</small>
        </u>
      </b>
    </i>

  </div>




</body>


</html>